<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <style>
        body{
            background: #F5F5F5;
        }
        div{
            width: 900px;
            height: 500px;
            margin: 150px auto;
            border-radius: 10px;
        }

        li{
            list-style: none;
        }
        h1{
            background: #4E6EF2;
            margin-bottom: 100px;
            color: #F4F4F4;
            border-radius: 10px 10px 0 0;
            font-family: 黑体;
            font-weight: 700;
            line-height: 50px;
        }
     li{
         margin-top: 30px;
         font-size: 30px;
         font-family: 宋体;
     }
        a{
            text-decoration: none;
        }
    </style>
    <body>
        <div>
            <h1 align="center">欢迎来到大牛推荐</h1>
            <h3>我们为您尽心准备了以下类型的书籍</h3>
            <ul>
                <li><a href="/book_list/xiaoshuo/">小说类</a></li>
                <li><a href="/book_list/zazhi/">杂志类</a></li>
                <li><a href="/book_list/manhua/">漫画类</a></li>
                <li><a href="/book_list/tonghua/">童话类</a></li>
                <li><a href="/book_list/jiaofu/">教辅类</a></li>
            </ul>
        </div>
    </body>
</html>